#northIndex{
	background: #DCF0C0 url(../../assets/imgs/northring/banner@2x.png) no-repeat;
	background-size: 100% ;
	min-height: 9rem;
	.header{
		.logo-wrap{
			padding: 0.2rem 0 0 0.24rem;
			.logo{
				width: 1.64rem;
				height: 0.37rem;
				img{
					width: 100%;
					height: 100%;
				}
			}
			.loginbtn{
				width: 1.4rem;
				height: 0.54rem;
				background: #F5B21F;
				border-radius: 0.27rem 0 0 0.27rem;
				color: #fff;
				font-size: 0.24rem;
				// line-height: 1;
			}
		}
		.logo-text{
			width: 5.64rem;
			height: 0.79rem;
			margin: 0.35rem auto;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.texts{
			text-align: center;
			padding: 0 0.24rem;
			p{
				color: #fff;
				font-size: 0.2rem;
				opacity: 0.8;
				margin-bottom: 0.05rem;
			}
		}
	}
	// 二维码
	.QR-wrap{
		width:6.8rem;
		background:rgba(255,255,255,1);
		border-radius:0.1rem;
		margin: 0.36rem auto;
		overflow: hidden;
		padding: 0.44rem 0 0.3rem;
		.QR-bg{
			width: 5.9rem;
			height: 4.09rem;
			background: url(../../assets/imgs/northring/erweima_box@2x.png);
			background-size: 100%;
			margin: 0 auto;
			.sys_text{
				width: 0.45rem;
				height: 3.17rem;
			}
			.QR{
				width: 2.58rem;
				height: 2.58rem;
				margin: 0 0.35rem;
			}
			.yjkj_text{
				width: 0.46rem;
				height: 3.01rem;
			}
		}
		.slogans{
			padding-top: 0.3rem;
			.item{
				margin: 0 0.33rem;
				text-align: center;
				img{
					width: 0.6rem;
					height: 0.6rem;
					margin-bottom: 0.12rem;
				}
				p{
					font-size: 0.24rem;
					color: #6B9935;
				}
			}
		}
	}
	// 批发中心
	.pfzx-wrap{
		width:6.8rem;
		padding: 0.4rem 0.24rem;
		background:rgba(255,255,255,1);
		border-radius:10px;
		margin: 0 auto;
		.h3{
			font-size: 0.28rem;
			font-weight: bolder;
			color: #000;
		}
		p.jyjsp{
			font-size:0.24rem;
			font-weight:500;
			color:rgba(0,0,0,1);
			opacity:0.65;
			padding: 0.24rem 0 0.3rem;
			line-height: 0.45rem;
		}
		.youshi{
			margin-top: 0.3rem;
			img.icon{
				width: 1.56rem;
				height: 1.46rem;
				margin-right: 0.1rem;
			}
			strong{
				font-size: 0.24rem;
			}
			p{
				font-size: 0.2rem;
				color: #242424;
				opacity:0.82;
			}
		}
	}
	.ttcg-wrap{
		width:6.8rem;
		padding: 0.4rem 0.24rem;
		background:rgba(255,255,255,1);
		border-radius:10px;
		margin: 0 auto;
		.h3{
			font-size: 0.28rem;
			font-weight: bolder;
			color: #000;
		}
		p.jyjsp{
			font-size:0.24rem;
			font-weight:500;
			color:rgba(0,0,0,1);
			opacity:0.65;
			padding: 0.24rem 0 0.3rem;
			line-height: 0.45rem;
		}
	}
	.grcg-wrap{
		overflow: hidden;
		width: 100%;
		height: 4.4rem;
		background: url(../../assets/imgs/northring/img_geren_di@2x.png);
		background-size: 100%;
		margin-top: -0.4rem;
		p.jyjsp{
			font-size:0.24rem;
			font-weight:500;
			color:rgba(0,0,0,1);
			opacity:0.65;
			padding: 0.24rem 0 0.3rem;
			line-height: 0.45rem;
			text-align: center;
		}
		.regbtn{
			margin-top: 0;
		}
		.item-title{
			margin-top: 0.5rem;
			margin-bottom: 0.3rem;
		}
	}
	.todays-wrap{
		width: 100%;
		padding: 0.24rem;
		background: #fff;
		min-height: 5rem;
		padding-bottom: 0;
		.h3{
			font-size: 0.28rem;
			font-weight: bolder;
			color: #000;
			margin-bottom: 0.24rem;
		}
		#priceChart{
			width: 100%;
			height: 4.5rem;
			// border: 1px solid #000;
			margin-bottom: 0.24rem;
		}
		.todays-table{
			width: 100%;
			text-align: center;
		}
		th,td{
			border: none;
		}
		thead{
			tr{
				background: #FAFAFA;
			}
		}
		tbody{
			tr:nth-child(2n){
				background: #FAFAFA;
			}
		}
		tr{
			height: 0.8rem;
		}
	}
	.footer{
		font-size: 0.24rem;
		height: 1rem;
		color: #989E92;
		background: #F7F7F7;
	}
	
	
	.item-title{
		text-align: center;
		position: relative;
		width: 3.11rem;
		height: 0.35rem;
		margin: 0.5rem auto;
		margin-bottom: 0.5rem;
		.bg{
			width: 3.11rem;
			height: 0.35rem;
		}
		.title-text{
			font-size: 0.32rem;
			font-weight: bold;
			position: absolute;
			top: 0.1rem;
			left: 1.09rem;
		}
	}
	.regbtn{
		width: 100%;
		height: 1rem;
		color: #fff;
		margin: 0 auto;
		font-size: 0.34rem;
		margin-top: 0.35rem;
	}
	.gradient {
		background: -webkit-linear-gradient(left, #1D7D5A, #6EA850);
		background: -o-linear-gradient(right, #1D7D5A, #6EA850);
		background: -moz-linear-gradient(right, #1D7D5A, #6EA850);
		background: linear-gradient(to right, #1D7D5A, #6EA850);
	}
}